<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0">
<title></title>
<link type="text/css" rel="stylesheet" href="${re.contextPath}/ftl/main/css/style.css" />
<script type="text/javascript" src="${re.contextPath}/ftl/js/jquery-1.8.1.min.js"></script>
<script type="text/javascript" src="${re.contextPath}/ftl/js/banner.js"></script>
<script language="javascript">
$(function(){
	$('#owl-demo').owlCarousel({
		items: 1,
		navigation: true,
		navigationText: ["上一个","下一个"],
		autoPlay: true,
		stopOnHover: true
	}).hover(function(){
		$('.owl-buttons').show();
	}, function(){
		$('.owl-buttons').hide();
	});
	
	//图文详情产品参数
	$('.detail_2 .detail_2_tit .tit1').click(function () {
	   $('.detail_2 .detail_2_tit .tit').removeClass('on');
	   $(this).addClass('on');
	   $('.detail_2_con .xq2').css('display','none');	
	   $('.detail_2_con .xq1').css('display','block');	
	})
	$('.detail_2 .detail_2_tit .tit2').click(function () {
	   $('.detail_2 .detail_2_tit .tit').removeClass('on');
	   $(this).addClass('on');	
	   $('.detail_2_con .xq1').css('display','none');	
	   $('.detail_2_con .xq2').css('display','block');
	})
	
	//加入购物车
  $('.addgwc').click(function(){ 
     $(".addgwcBox").animate({height:"267"},1000); 
       document.body.style.overflow = "hidden";
	 $('.f_mask').show();	
  })
  
  $('.shut').click(function(){
       document.body.style.overflow = "visible";
	 $('.f_mask').hide();
	 $('.addgwcBox').animate({height:"0px"},1000); 
  })
});
</script>
</head>

<body>
<div class="mainWarp">
  <div style="position:relative">
  <div class="part6Box">
     <div class="part6_0 part6_1"><a onclick="history.go(-1)"><img src="${re.contextPath}/ftl/images/14.png" /></a></div>
     <div class="part6_0 part6_2"><a href="gwc.html"><img src="${re.contextPath}/ftl/images/15.png" /></a></div>
  </div>  
  <div class="banner" id="banner">
    <div id="owl-demo" class="owl-carousel"> 
        <a class="item" >
            <img src="${re.contextPath}/ftl/images/probanner.jpg" alt="">
        </a>
        <a class="item">
            <img src="${re.contextPath}/ftl/images/probanner.jpg" alt="">
        </a>
        <a class="item">
            <img src="${re.contextPath}/ftl/images/probanner.jpg" alt="">
        </a>
    </div>
  </div>
  </div>
  <div class="clear"></div>
  <div class="detail_1">
     <div class="detail_1_1">
        <div class="tit">日照香炉生紫烟，遥看瀑布挂前川。飞流直下三千尺，疑是银河落九天。</div>
        <div class="img"><img src="${re.contextPath}/ftl/images/16.png" /></div>
     </div>
     <div class="clear"></div>
     <div class="detail_1_2">
        <div class="tit1">批发价：<span>￥300.00</span></div>
        <div class="tit2">市场价：￥300.00</div>
     </div>
     <div class="clear"></div>
     <div class="detail_1_3">
        <div class="tit2">编号：00000000</div>
        <div class="tit2">起订量：0册</div>
        <div class="tit2">库存：有货</div>
     </div>
     <div class="clear"></div>
  </div>
  <div class="detail_2">
     <div class="detail_2_tit">
        <div class="tit tit1 on">图文详情</div>
        <div class="tit tit2">产品参数</div>
     </div>
     <div class="detail_2_con">
        <div class="xq1">
           <img src="${re.contextPath}/ftl/images/pro_4.jpg" />
           <img src="${re.contextPath}/ftl/images/pro_4.jpg" />
           <img src="${re.contextPath}/ftl/images/pro_4.jpg" />
        </div>
        <div class="xq2">
           <div class="tit">品牌</div>
           <div class="tit">图案</div>
           <div class="tit">尺寸</div>
           <div class="tit">风格</div>
           <div class="tit">工艺</div>
        </div>
     </div>
  </div>
</div>
<div class="defooterBox">
  <div class="footer">
     <div class="addgwc"><a href="#">加入购物车</a></div>
     <div class="gobuy"><a href="pay.html">立即购买</a></div>
  </div>
</div>

<div class="f_mask" style="display:none"></div>
<div class="addgwcBox0">
<div class="addgwcBox">
   <div class="div1">
      <div class="d1"><img src="${re.contextPath}/ftl/images/probanner.jpg" /></div>
      <div class="d2">
         <div class="tit1"><span>￥300.00</span>（库存：有货）</div>
         <div class="tit2">请选择尺寸、数量</div>
      </div>
      <div class="d3"><img src="${re.contextPath}/ftl/images/close.png" class="shut"/></div>
      <div class="clear"></div>
   </div>
   <div class="clear"></div>
   <div class="div2">
      <div class="tit">规格</div>
      <div class="sub">
         <a href="#">30*40</a><a href="#">150*80</a><a href="#">200*50</a>
      </div>
      <div class="clear"></div>
   </div>
   <div class="div3">
      <div class="tit">购买数量</div>
      <div class="num">
          <div class="n1">-</div>
          <div class="n2"><input name="" type="text" value="1" /></div>
          <div class="n1">+</div>
      </div>
      <div class="clear"></div>
   </div>
   <div class="clear"></div>
   <div class="div4">
      <a href="#">确定</a>
   </div>
</div>
</div>
</body>
</html>
